<template>
  <div id="app">
   <el-cascader></el-cascader>
   <br>
   <br>
   <el-cascader v-model="values" :options="options" @change="handleChange"></el-cascader>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  data() {
    return {
     values:[],//级联组件中的数据
     options:[
       {
         value:"1",
         label:"第一层",
         children:[
           {
             value:'1-1',
             label:'第一层的第一个'
           },
           {
             value:'1-2',
             label:'第一层的第二个'
           }
         ]
       },
     ]
    };
  },
  methods: {
   handleChange:function(value){
     console.log("现在选中的数据是:",value);
   }
  },
};
</script>

<style lang="less" scoped>
</style>
